<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // JSON对象的操作
        // JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式
        // 何为JSON？ JSON一种数据格式，Web领域中客户端与服务器端通用交换数据的格式。
        // 我们JavaScript为此提供了一个JSON对象，内有两个方法
        // JSON.parse() -- 将JSON字串解析成数据对象。  （反串行化）
        // JSON.stringify() -- 将数据对象转成JSON字串 （串行化）
        
        // 任务要求：使用JSON将下面字符转成对象数据，并遍历输出。
        let str = '[{"name":"王建国","age":21},{"name":"刘江华","age":19},{"name":"张立新","age":22}]';
        console.log(typeof str); // string
        // 需要使用JSON对象进行解析（转换）
        console.log(str);
        const data = JSON.parse(str);
        console.log(data);
        // 可以遍历输出
        data.forEach(item => {
            console.log(item.name, item.age);
        });
    </script>
</body>
</html>